<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>家庭建设</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/family.css"/>
</head>

<body>
  <div class="header">
  	  <div class="headerInner">
      	  <div class="topIndex">欢迎您！请<a href="">登录</a> 或 <a href="">注册</a>
          	<div class="focus"><a href="">文本焦点</a></div>
          </div>
      	  <h1><a href="">一家亲</a></h1>
          <ul class="navlist">
          	  <li><a class="current" href="一家亲_new.html" title="一家亲">一家亲<em>关怀关爱</em></a></li>
              <li><a href="" title="左邻右舍">左邻右舍<em>互信互助</em></a></li>
              <li class="left_300"><a href="风云榜首页_new.html" title="风云榜">风云榜<em>立德立业</em></a></li>
              <li><a href="化天下.html" title="化天下">化天下<em>边看边学</em></a></li>
          </ul>
          <div class="command"><a href="" title="安身立命">安身立命</a></div>
          <div class="family">家庭互助大本营</div>
      </div>
    </div>
  <div class="layout">
  	  <div class="position">您当前位置：<a href="">一家亲</a> &gt; 家庭建设</div>
      
      <!--二人世界Start-->
      <div class="makeup">
      	  <h3><b>二人世界</b> <span><a href="">创建二人世界</a></span> </h3>
      </div>
      <div class="makeup">
            <h3><b>二人世界</b> <em><img src="images/family/open03.png" alt="" /><!--<img src="images/family/close03.png" alt="" />--></em></h3>
            <ul class="usbg" style="display:block;">
                <li>
                    <a href="" class="on">
                        <p><img class="dis" src="images/family/man.png" alt="" /></p>
                        <b>男主人</b>
                        <s></s>
                    </a>
                 </li>
                 <li class="sec">
                    <a href="">
                        <p><img class="dis" src="images/family/woman.png" alt="" /></p>
                        <b>女主人</b>
                    </a>
                </li>
            </ul>
            <ul class="fubg clearfix" style="display:none;">
                <li class="mainpeo">
                	<p class="funame">男主人</p>
                    <p class="fuinput">285***@qq.com</p>
                </li>
                <li class="mainpeo02">
                    <p class="funame">女主人</p>
                    <p class="fuinput"><input type="text" class="input02" /></p>
                    <p class="fuinvite"><input type="button" value="邀 请" class="btnstyle"/></p>
                </li>
            </ul>
            <h5>给频道起个炫丽的名子有助于记住：</h5>
            <ul class="addpeople">
            	<li class="padLeft clearfix">
                	<div class="r_con">
                    	<input type="text" class="input01" />
                		<input type="button" class="btn_invide" value="保 存" />
                    </div>
                </li>
            </ul>
            <div class="delChannel"><a href="" title="删除该频道"></a></div>
      </div>
      <!--二人世界End-->
      <br />
      <br />
      <br />
      <!--小家庭Start-->
      <div class="makeup">
      	   <h3><b>小家庭</b> <span><a href="">创建小家庭</a></span> </h3>
      </div>
      <div class="makeup">
            <h3><b>小家庭</b> <em><img src="images/family/open03.png" alt="" /><!--<img src="images/family/close03.png" alt="" />--></em></h3>
            <ul class="fubg clearfix">
                <li>
                    <p class="funame">爷爷</p>
                    <p class="fuinput"><input type="text" class="input02" /></p>
                    <p class="fuinvite"><input type="button" value="邀 请" class="btnstyle"/></p>
                </li>
                <li>
                    <p class="funame">奶奶</p>
                    <p class="fuinput">285***@qq.com</p>
                    <p class="fuinvite"><input type="button" value="已邀请" class="btnstyle" /><input type="button" value="取消" class="cancle" /></p>
                </li>
                <li>
                    <p class="funame">外公</p>
                    <p class="fuinput"><input type="text" class="input02" /></p>
                    <p class="fuinvite"><input type="button" value="邀 请" class="btnstyle" /></p>
                </li>
                <li>
                    <p class="funame">外婆</p>
                    <p class="fuinput"><input type="text" class="input02" /></p>
                    <p class="fuinvite"><input type="button" value="邀 请" class="btnstyle" /></p>
                </li>
            </ul>
            <ul class="usbg" style="display:block;">
                <li>
                    <a href="" class="on">
                        <p><img class="dis" src="images/family/man.png" alt="" /></p>
                        <b>男主人</b>
                        <s></s>
                    </a>
                 </li>
                 <li class="sec">
                    <a href="">
                        <p><img class="dis" src="images/family/woman.png" alt="" /></p>
                        <b>女主人</b>
                    </a>
                </li>
            </ul>
            <ul class="fubg clearfix" style="display:none;">
                <li class="mainpeo">
                	<p class="funame">男主人</p>
                    <p class="fuinput">285***@qq.com</p>
                </li>
                <li class="mainpeo02">
                    <p class="funame">女主人</p>
                    <p class="fuinput"><input type="text" class="input02" /></p>
                    <p class="fuinvite"><input type="button" value="邀 请" class="btnstyle"/></p>
                </li>
            </ul>
            <ul class="fubg w_141 clearfix">
            	<li>
                    <p class="funame">子女</p>
                    <p class="fuinput"><input type="text" class="input02" /></p>
                    <p class="fuinvite"><input type="button" value="邀 请" class="btnstyle" /></p>
                </li>
            </ul>
            <ul class="child clearfix">
            	<li><a href="">添加子女</a></li>
            </ul>
            <h5>给频道起个炫丽的名子有助于记住：</h5>
            <ul class="addpeople">
            	<li class="padLeft clearfix">
                	<div class="r_con">
                    	<input type="text" class="input01" />
                		<input type="button" class="btn_invide" value="保 存" />
                    </div>
                </li>
            </ul>
            <div class="delChannel"><a href="" title="删除该频道"></a></div>
      </div>
      <!--小家庭End-->
      <br />
      <br />
      <br />
      <!--普通频道Start-->
      <div class="makeup">
      	  <h3><b>普通频道</b> <span><a href="">创建普通频道</a></span> </h3>
      </div>
      <div class="makeup">
           <h3><b>普通频道</b> <em><img src="images/family/open03.png" alt="" /><!--<img src="images/family/close03.png" alt="" />--></em></h3>
           <h5>当前频道成员有：</h5>
           <ul class="inclube clearfix">
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">DenoofenDenoofenDenoofenDenoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
               <li>
               	    <p class="colbg"><a href=""><img src="images/family/head.gif" alt="" /></a><a class="username" href="">Denoofen</a></p>
                    <p class="inc_Btn"><a href="" class="del">删除</a><a href="" class="high">升级为管理员</a></p>
               </li>
           </ul>
           <div class="pages">
            	<a href="">首页</a>
            	<a href="">上一页</a>
            	<a href="">1</a>
            	<a href="" class="current">2</a>
            	<a href="">3</a>
            	<a href="">4</a>
            	<a href="">5</a>
            	<a href="">6</a>
            	<a href="">7</a>
            	<a href="">8</a>
            	<a href="">下一页</a>
            	<a href="">尾页</a>
            </div>
            <h5>给频道起个炫丽的名子有助于记住：</h5>
            <ul class="addpeople">
            	<li class="padLeft clearfix">
                	<div class="r_con">
                    	<input type="text" class="input01" />
                		<input type="button" class="btn_invide" value="保 存" />
                    </div>
                </li>
            </ul>
            <h5>添加您的频道成员：</h5>
            <ul class="addpeople">
            	<li class="clearfix">
                	<label for="">查询条件：</label>
                    <div class="r_con">
                    	<input type="text" class="input01" />
                    	<input type="button" class="startSearch" value="开始查询" />
                    </div>
                </li>
                <li class="clearfix">
                	<label for="">查询结果：</label>
                    <div class="r_con">
                    	<dl>
                    		<dd>
                            	<a class="on" href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                黄小明
                                    <s></s>
                                </a>
                            </dd>
                    		<dd>
                            	<a class="on" href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                谢月红
                                    <s></s>
                                </a>
                            </dd>
                    		<dd>
                            	<a class="on" href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                熊大龙
                                    <s></s>
                                </a>
                            </dd>
                    		<dd>
                            	<a href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                铁强
                                </a>
                            </dd>
                    		<dd>
                            	<a href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                周明亮
                                </a>
                            </dd>
                    		<dd>
                            	<a href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                庞海龙
                                </a>
                            </dd>
                    	</dl>
                    </div>
                </li>
                <li class="clearfix">
                	<label for="">当前选中：</label>
                    <div class="r_con">
                    	<dl>
                    		<dd>
                            	<a href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                黄小明
                                </a>
                            </dd>
                    		<dd>
                            	<a href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                谢月红
                                </a>
                            </dd>
                    		<dd>
                            	<a href="">
	                                <p><img src="images/family/head.gif" alt="" /></p>
	                                熊大龙
                                </a>
                            </dd>
                    	</dl>
                    </div>
                </li>
                <li class="padLeft clearfix">
                	<input type="button" class="btn_invide" value="邀 请" />
                </li>
            </ul>
            <div class="delChannel"><a href="" title="删除该频道"></a></div>
      </div>
      <!--普通频道End-->
  </div>
</body>
</html>
